.head-list {
  height: 200px;
  overflow: auto;
  border-radius: 1rem;
  background-color: var(--background-color--gray);

  ul {
    padding: 1rem 1rem 4rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(auto-fill, 1fr);
    gap: 5%;

    li {
      aspect-ratio: 1;
      width: 100%;
      overflow: hidden;
      border-radius: 50%;
      transition: 0.3s;
    }

    .active {
      box-shadow: 0 0 1rem 0.1rem var(--gold-40);
    }
  }
}
